@charset "utf-8";
/* CSS Document */

.ani{
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease; /* Firefox 4 */
	-webkit-transition:all 0.4s ease; /* Safari and Chrome */
	-o-transition:all 0.4s ease; /* Opera */
}
.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ min-width:1220px; background:#fff; position:relative; overflow:hidden; padding-top:106px;}
.content{ overflow:hidden;}

/*顶部样式*/
.topper{ width:100%; background:#f9f9f9; overflow:hidden; padding:0 0 14px; position:fixed; left:0; top:0; z-index:8;}
.topper .top{ display:block; width:76%; min-width:1200px; width:1200px; margin:0 auto; overflow:hidden;}
.topper span.tel{ display:block; height:40px; line-height:40px; color:#333; font-size:14px; float:right;}
.topper span.tel em{ color:#ea5413; font-style:italic; font-size:18px;}
.topper img{ display:block; height:40px; float:right; margin-right:30px;}

/*头部样式*/
.header{ width:100%; height:auto; background:#ddd url(../img/head_bg.jpg) repeat-x; position:fixed; left:0; top:40px; z-index:9;}
.header .head{ display:block; width:76%; min-width:1200px; width:1200px; height:66px; margin:0 auto; position:relative; z-index:7;}
.header h1.logo{ display:block; width:284px; height:120px; background:#f7f7f7; position:absolute; left:0; bottom:0; z-index:9;}
.header h1.logo a{ display:block;}
.header h1.logo a img{ display:block; max-width:100%; height:120px; margin:0 auto;}

/*导航样式*/
ul.nav{ display:block; height:66px; position:relative; z-index:7; float:right;}
ul.nav li{ display:block; text-align:center; float:left; position:relative; z-index:99; margin:0 0 0 40px;}
ul.nav li:first-child{ margin:0 0 0 40px;}
ul.nav li a{ display:block; line-height:66px; color:#333; font-size:15px; position:relative; z-index:5;}

ul.nav li.on a,
ul.nav li.cur a{ color:#ea5413;}

ul.nav li.contact{ padding:14px 0; margin:0 0 0 48px;}
ul.nav li.contact a{ width:110px; line-height:38px; color:#fff; font-size:16px; background:#ea5413; border-radius:3px;}

ul.nav li .sub{ display:none; width:600px; text-align:center; position:absolute; left:50%; top:100%; margin-left:-300px; z-index:99;}
ul.nav li .sub p{ display:inline-block; *display:inline; *zoom:1; height:auto; background:#fff; padding:4px 14px; box-shadow:2px 2px 2px #666; border-radius:5px; vertical-align:top;}
ul.nav li .sub p a{ line-height:28px; color:#333; font-size:13px; white-space:nowrap;}
ul.nav li .sub p a:hover,
ul.nav li .sub p.on a{ color:#ea5413;}

/*banner样式*/
.banner{ width:100%; height:296px; background-size:cover !important;}
 
/*footer样式*/
.footer{ background:#ddd; overflow:hidden;}
.footer img{ display:block; max-width:100%; margin:0 auto;}
.footer img.logo{ height:100px;}

/*返回顶部*/
.backToTop{ display:none; width:60px; height:50px; background:url(../images/common/top.png) center bottom no-repeat; position:fixed; _position:absolute; right:50px; top:24%; margin-top:388px; *margin-top:390px; cursor:pointer; z-index:998;}

/*主体样式*/
.main{ width:76%; min-width:1200px; width:1200px; position:relative; margin:0 auto; overflow:hidden;}
.main::after{ content:''; display:block; height:0; clear:both;}
.position{ height:3.8em; line-height:3.8em; color:#666; font-size:14px; background:#fff; padding:0 1.64em; border-bottom:1px solid #ddd; overflow:hidden; clear:both; margin-top:-3.8em;}
.position p{ display:block; font-size:inherit; overflow:hidden; float:left;}
.position a{ color:#666; margin:0 0.5em;}
.position a:hover{ color:#ea5413;}
.position img{ height:1.2em; vertical-align:-3px;}
.position .share{ line-height:2em; font-size:14px; overflow:hidden; margin:0.9em 0; float:right;}
.position .share span{ display:block; float:left; margin-right:4px;}
.position .share a{ transition:all;}

/*左侧*/
.main dl.menu{ display:block; width:240px; padding:36px 0 56px; float:left; margin-right:36px;}
.main dl.menu dt{ display:block; line-height:40px; color:#fff; font-size:19px; font-weight:bold; text-align:center; background:#ea5413; position:relative; padding:14px 0; margin:0 0 3px;}
.main dl.menu dd{ display:block; padding:3px 0;}
.main dl.menu dd a{ display:block; line-height:20px; color:#333; font-size:14px; background:#f5f5f5; position:relative; padding:10px 24px;}
.main dl.menu dd a:hover,
.main dl.menu dd.cur a{ color:#fff; background:#ea5413;}

/*右侧*/
.main .attr{ overflow:hidden; padding:36px 0 0; margin:0 auto;}
.main h2.title{ display:block; border-bottom:1px solid #eeeeee;}
.main h2.title span{ display:block; line-height:48px; color:#ea5413; font-size:19px; border-bottom:1px solid #ddd;}
.main h3.title{ display:block; line-height:36px; color:#333; font-size:22px; font-weight:normal; text-align:center; padding:48px 0 36px;}
.main p.mark{ display:block; line-height:2.86em; color:#999; font-size:13px; text-align:center; background:#f3f3f3; margin:0 0 10px;}
.main .article{ min-height:20em; line-height:2.5; color:#535353; font-size:16px; padding:20px 0 36px; overflow:hidden;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ overflow:hidden; padding:16px 0 64px; border-top:1px solid #ddd;}
.main .change p{ display:block; max-width:48%; line-height:48px; color:#333; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change a{ color:#333;}
.main .change a:hover{ color:#ea5413;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:48px 0 56px; border-top:1px solid #ddd; margin:-36px 0 0;}
.pages a{ display:inline-block; min-width:16px; color:#888; height:24px; line-height:24px; text-align:center; background:#fff; padding:5px 10px; margin:0 5px; border:1px solid #ddd;}
.pages a:hover{ color:#fff; background:#ea5413; border-color:#ea5413;}
.pages span{ display:inline-block; min-width:16px; color:#888; height:24px; line-height:24px; text-align:center; background:#fff; padding:5px 10px; margin:0 5px; border:1px solid #ddd;}
.pages span{ color:#fff; background:#ea5413; border-color:#ea5413; cursor:pointer;}
.pages a.num{ display:none;}

/*新闻列表*/
.main ul.newsList{ display:block; min-height:360px; overflow:hidden; margin:6px 0 80px;}
.main ul.newsList li{ display:block; padding:42px 0; overflow:hidden; border-bottom:1px solid #ddd;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; float:right; margin:6px 0 0 76px;}
.main ul.newsList li a.pic img{ display:block; width:254px; height:180px;}
.main ul.newsList li span{ display:block; line-height:36px; color:#999; font-size:16px; text-align:center; padding:16px 10px 0; border-top:2px solid #7e7e7e; float:left; margin:0 58px 0 10px;}
.main ul.newsList li span b{ display:block; line-height:48px; color:#444; font-size:30px;}
.main ul.newsList li a.title{ display:block; line-height:20px; color:#333; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:4px 0 12px;}
.main ul.newsList li a.title:hover{ color:#ea5413;}
.main ul.newsList li .txt{ height:56px; line-height:28px; color:#999; font-size:15px; overflow:hidden; padding:8px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li a.more{ display:block; width:114px; line-height:30px; color:#ea5413; font-size:15px; text-align:center; border:1px solid #ea5413; margin:26px 0 0; overflow:hidden;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.1);}
.main ul.newsList li a.more:hover{ color:#fff; background:#ea5413;}

/*产品列表*/
.main ul.proList{ display:block; min-height:360px; overflow:hidden; padding:16px 0 64px; margin:0 -8px;}
.main ul.proList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.proList li a{ display:block; margin:10px 8px 0;}
.main ul.proList li a img{ display:block; width:100%; height:162px;}
.main ul.proList li a span{ display:block; line-height:48px; color:#333; font-size:14px; text-align:center; overflow:hidden;}
.main ul.proList li a:hover span{ color:#ea5413;}

/*相关文章*/
.relation{ padding:0 0 2%;}
.relation h3{ display:block; line-height:3.2em; color:#ea5413; font-size:20px; padding:0 1em; border-bottom:1px solid #ddd; position:relative;}
.relation h3::before{ content:''; display:block; width:4px; height:20px; background:#ea5413; position:absolute; left:2px; top:50%; margin-top:-10px;}
.relation ul.list li{ padding:0 6px;}









/**/